projects / gtk4.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 48fb37f)
High Contrast: switch style fix
authorLapo Calamandrei <calamandrei@gmail.com>
Fri, 18 Mar 2016 18:25:09 +0000 (19:25 +0100)
committerLapo Calamandrei <calamandrei@gmail.com>
Fri, 18 Mar 2016 18:25:09 +0000 (19:25 +0100)
gtk/theme/HighContrast/_common.scss patch | blob | history
gtk/theme/HighContrast/gtk-contained-inverse.css patch | blob | history
gtk/theme/HighContrast/gtk-contained.css patch | blob | history

diff --git a/gtk/theme/HighContrast/_common.scss b/gtk/theme/HighContrast/_common.scss
index e65f24d3d4925bac4670a46faeab6d04e1d58376..dc5a9c06bf8aa487f17694b7390d6758a4019cd3 100644 (file)
--- a/gtk/theme/HighContrast/_common.scss
+++ b/gtk/theme/HighContrast/_common.scss
@@ -2004,30 +2004,28 @@ switch {
           border-color: $insensitive_fg_color;
         }
     }
-    & slider {
-      margin: -1px;
-      min-width: 45px;
-      min-height: 27px;
-      border: 1px solid;
-      border-radius: 3px;
-      @include button(normal, $edge: none);
-      box-shadow: inset 0 1px white,
-                  inset 0 -2px transparentize($bg_color,0.4),
-                  inset 0 -1px mix($bg_color,$borders_color,50%);
-      &:hover {
-        @include button(hover, $edge: none);
-        box-shadow: inset 0 1px white,
-                    inset 0 -2px transparentize($bg_color,0.4),
-                    inset 0 -1px mix($bg_color,$borders_color,50%);
-      }
-      &:active { border-color: $selected_borders_color; }
-      &:disabled { @include button(insensitive, $edge: none); }
-      &:backdrop { @include button(backdrop);
-        &:active{ border-color: $backdrop_borders_color; }
-        &:disabled {
-          @include button(backdrop-insensitive);
-        }
-      }
+
+    slider {
+        margin: -1px;
+        min-width: 45px;
+        min-height: 27px;
+        border: 2px solid;
+        border-radius: 3px;
+        @include button(normal);
+    }
+
+    &:hover slider { @include button(hover); }
+
+    &:active slider { border: 2px solid $selected_borders_color; }
+
+    &:disabled slider { @include button(insensitive); }
+
+    &:backdrop {
+        slider { @include button(backdrop); }
+
+        &:active slider { border-color: if($variant == 'light', $selected_bg_color, $selected_borders_color); }
+
+        &:disabled slider { @include button(backdrop-insensitive); }
     }
 }
 
diff --git a/gtk/theme/HighContrast/gtk-contained-inverse.css b/gtk/theme/HighContrast/gtk-contained-inverse.css
index 244a13337215d649e23aef3468486f2ae4e1d374..a1f11fd0b96976bde89ed1e252828922d3536661 100644 (file)
--- a/gtk/theme/HighContrast/gtk-contained-inverse.css
+++ b/gtk/theme/HighContrast/gtk-contained-inverse.css
@@ -2084,48 +2084,46 @@ switch {
     margin: -1px;
     min-width: 45px;
     min-height: 27px;
-    border: 1px solid;
+    border: 2px solid;
     border-radius: 3px;
     border-width: 2px;
     border-style: solid;
     color: #fff;
     background-image: none;
     background-color: #000;
+    border-color: gray; }
+  switch:hover slider {
+    border-width: 2px;
+    border-style: solid;
+    color: #fff;
+    background-color: #000;
     border-color: gray;
-    box-shadow: inset 0 1px white, inset 0 -2px rgba(0, 0, 0, 0.6), inset 0 -1px #404040; }
-    switch slider:hover {
-      border-width: 2px;
-      border-style: solid;
-      color: #fff;
-      background-color: #000;
-      border-color: gray;
-      background-image: none;
-      box-shadow: inset 0 1px white, inset 0 -2px rgba(0, 0, 0, 0.6), inset 0 -1px #404040; }
-    switch slider:active {
-      border-color: #aaa; }
-    switch slider:disabled {
-      border-width: 2px;
-      border-style: solid;
-      color: gray;
-      background-color: #070707;
-      border-color: #494949;
-      background-image: none; }
-    switch slider:backdrop {
-      border-width: 2px;
-      border-style: solid;
-      color: #fff;
-      background-color: #000;
-      border-color: #737373;
-      background-image: none; }
-      switch slider:backdrop:active {
-        border-color: #737373; }
-      switch slider:backdrop:disabled {
-        border-width: 2px;
-        border-style: solid;
-        color: gray;
-        background-color: #070707;
-        border-color: #494949;
-        background-image: none; }
+    background-image: none; }
+  switch:active slider {
+    border: 2px solid #aaa; }
+  switch:disabled slider {
+    border-width: 2px;
+    border-style: solid;
+    color: gray;
+    background-color: #070707;
+    border-color: #494949;
+    background-image: none; }
+  switch:backdrop slider {
+    border-width: 2px;
+    border-style: solid;
+    color: #fff;
+    background-color: #000;
+    border-color: #737373;
+    background-image: none; }
+  switch:backdrop:active slider {
+    border-color: #aaa; }
+  switch:backdrop:disabled slider {
+    border-width: 2px;
+    border-style: solid;
+    color: gray;
+    background-color: #070707;
+    border-color: #494949;
+    background-image: none; }
 
 /*************************
  * Check and Radio items *
diff --git a/gtk/theme/HighContrast/gtk-contained.css b/gtk/theme/HighContrast/gtk-contained.css
index 53799b6157dda25bde75957d7c10474ff050aeea..0707b65f14be31f802005fc54de3080d0eac8ca9 100644 (file)
--- a/gtk/theme/HighContrast/gtk-contained.css
+++ b/gtk/theme/HighContrast/gtk-contained.css
@@ -2088,48 +2088,46 @@ switch {
     margin: -1px;
     min-width: 45px;
     min-height: 27px;
-    border: 1px solid;
+    border: 2px solid;
     border-radius: 3px;
     border-width: 2px;
     border-style: solid;
     color: #000;
     background-image: none;
     background-color: #fff;
+    border-color: gray; }
+  switch:hover slider {
+    border-width: 2px;
+    border-style: solid;
+    color: #000;
+    background-color: #fff;
     border-color: gray;
-    box-shadow: inset 0 1px white, inset 0 -2px rgba(255, 255, 255, 0.6), inset 0 -1px silver; }
-    switch slider:hover {
-      border-width: 2px;
-      border-style: solid;
-      color: #000;
-      background-color: #fff;
-      border-color: gray;
-      background-image: none;
-      box-shadow: inset 0 1px white, inset 0 -2px rgba(255, 255, 255, 0.6), inset 0 -1px silver; }
-    switch slider:active {
-      border-color: #000; }
-    switch slider:disabled {
-      border-width: 2px;
-      border-style: solid;
-      color: gray;
-      background-color: white;
-      border-color: silver;
-      background-image: none; }
-    switch slider:backdrop {
-      border-width: 2px;
-      border-style: solid;
-      color: #000;
-      background-color: #fff;
-      border-color: #8d8d8d;
-      background-image: none; }
-      switch slider:backdrop:active {
-        border-color: #8d8d8d; }
-      switch slider:backdrop:disabled {
-        border-width: 2px;
-        border-style: solid;
-        color: gray;
-        background-color: white;
-        border-color: silver;
-        background-image: none; }
+    background-image: none; }
+  switch:active slider {
+    border: 2px solid #000; }
+  switch:disabled slider {
+    border-width: 2px;
+    border-style: solid;
+    color: gray;
+    background-color: white;
+    border-color: silver;
+    background-image: none; }
+  switch:backdrop slider {
+    border-width: 2px;
+    border-style: solid;
+    color: #000;
+    background-color: #fff;
+    border-color: #8d8d8d;
+    background-image: none; }
+  switch:backdrop:active slider {
+    border-color: #000; }
+  switch:backdrop:disabled slider {
+    border-width: 2px;
+    border-style: solid;
+    color: gray;
+    background-color: white;
+    border-color: silver;
+    background-image: none; }
 
 /*************************
  * Check and Radio items *
Unnamed repository; edit this file 'description' to name the repository.